<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">

<title><?php echo $common_lang['admin_login_title'] ?></title>
<meta name="Keywords" content="<?php echo $headInfo['head_keywords'] ?>">
<meta name="description" content="<?php echo $headInfo['head_description'] ?>">
<meta name="author" content="<?php echo $headInfo['head_author'] ?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<?php echo $combineCss ?>
<?php echo $combineJs  ?>
<style type="text/css">
    .errors{color: red;font-size: 12px;margin: -7px 0 10px 20px;}
    .errors li{list-style: none}
</style>
<script type="text/javascript">
    $(document).ready(function() {
        $("#formLogin").validate({
            invalidHandler: function(form, validator) {
                var errors = validator.numberOfInvalids();
                if (errors) {
                    var firstItemId = validator.errorList[0].element.id;
                    $("#"+firstItemId).focus();
                }
            },
            errorElement: "li",
            wrapper: "ul class='errors'", 
            errorPlacement: function(error, element) {
                error.insertAfter(element);
            },
            rules: {
                'Username' : {
                    required : true,
                    minlength : 5
                },
                'Password' : {
                    required : true,
                    minlength : 6
                }
            },
            messages: {
            }
        });
    });
</script>
</head>

<!--[if IE 7 ]>    <body class="ie7 login"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8 login"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body class="login">
<!--<![endif]-->

  <div class="box-header">
    <h2>Admin Login</h2>
  </div>
  <div class="box">
  <?php if($error != ''): ?>
  <div class="notification tip"> <span class="strong">Lỗi:</span><?php echo $error ?></div>
  <?php endif; ?>
  <form method="post" class="form col" action="" id="formLogin">
      <p>
        <label class="strong" for="Username">Tên đăng nhập :</label>
        <input tabindex="1" id="Username" type="text" name="Username" id="Username" title="Nhập tên đăng nhập của bạn." value="<?php echo set_value('Username') ?>"/>
      </p>
      <?php echo form_error('Username') ?>
      <p>
        <label class="strong" for="Password">Mật khẩu :</label>
        <input tabindex="2" id="Password" type="password" name="Password" id="Password" title="Nhập mật khẩu của bạn."/>
      </p>
      <?php echo form_error('Password') ?>
      <p class="no-margin">
          <button type="submit" class="small fr">Đăng nhập</button>
        <br class="cl" />
      </p>
    </form>
    <form method="post" class="form" action="">
      <fieldset class="grey collapsed no-margin">
        <legend><a href="#">Quên mật khẩu?</a></legend>
        <p>
          <label for="Email">Nhập địa chỉ email của bạn:</label>
          <input class="fl" id="Email" type="text" name="Email" />
          <button type="button" class="small fr">Gửi</button>
        </p>
      </fieldset>
    </form>
  </div>
<!--[if lt IE 7 ]>
    <script src="js/dd_belatedpng.js"></script>
  <![endif]-->

</body>
</html>
